@extends('home.layouts.home')
@section('content')



<div class="content">
    <div class="idx-banner">
            <div class="fullSlide">
                   <div class="box">
                        <ul>
                           <li style="background:url({{asset('home/upload/ban.jpg')}}) no-repeat center center;">
                                  <a href="javascript:;"></a></li>
                           <li style="background:url({{asset('home/upload/ban.jpg')}}) no-repeat center center;">
                                  <a href="javascript:;"></a></li>
                           <li style="background:url({{asset('home/upload/ban.jpg')}}) no-repeat center center;">
                                  <a href="javascript:;"></a></li>
                        </ul>
                    </div>
                    <div class="hbox">
                        <ul></ul>
                    </div> 
            </div>
    </div>
    
    <div class="wrap">
          <div class="cont-box">
               <div class="cont-a fl">
                     <div class="cont-a1"><a href="//shang.qq.com/wpa/qunwpa?idkey=8f0e9e8a9597798deb876e42855f9fb1726ac0e3fca87ab0ebeb030b8537c76d">官方Q群</a><a href="//shang.qq.com/wpa/qunwpa?idkey=8f0e9e8a9597798deb876e42855f9fb1726ac0e3fca87ab0ebeb030b8537c76d">官方Q群</a><span>|</span><a href="//shang.qq.com/wpa/qunwpa?idkey=8f0e9e8a9597798deb876e42855f9fb1726ac0e3fca87ab0ebeb030b8537c76d">官方Q群</a><span>|</span><a href="">官方Q群</a></div>
                     <div class="cont-a1"><a href="//shang.qq.com/wpa/qunwpa?idkey=8f0e9e8a9597798deb876e42855f9fb1726ac0e3fca87ab0ebeb030b8537c76d">新手上路</a><span>|</span><a href="//shang.qq.com/wpa/qunwpa?idkey=8f0e9e8a9597798deb876e42855f9fb1726ac0e3fca87ab0ebeb030b8537c76d">官方Q群</a><span>|</span><a href="//shang.qq.com/wpa/qunwpa?idkey=8f0e9e8a9597798deb876e42855f9fb1726ac0e3fca87ab0ebeb030b8537c76d">官方Q群</a></div>
               </div>
               
               <div class="cont-b fl">
                      <div class="cont-b1">
                          <input type="text" class="cont-text fl" value="">
                          <input type="button" class="cont-btn fl">
                      </div>
                      <div class="cont-b2">热门搜索：分手  女孩  恋爱心理  约会</div>
               </div>
               
               <div class="cont-c fr">
                  <div class="cont-c1 fl">课程咨询<a href="http://wpa.qq.com/msgrd?v=3&uin=514665587&site=qq&menu=yes"><img src="home/images/QQ.jpg"></a></div>
                  <div class="cont-c2 fr"></div>
               </div>
        </div> 
       
          

          
          <div class="kg-box">
                 <div class="kg-title">论坛文章推荐</div>
                 
                 @foreach ($data as $k=>$v)
                 @if($k == 0)
                    <div class="kg">  
                     <a href="{{url('content/'.$v->id)}}"><div class="kg-a fl">
                   <div class="kg-a2 fl">
  
                         <div class="kg-a3">{{$v->title}}</div>
                         <div class="kg-a4">{{$v->huser['nickname']}}</div>
                         <div class="kg-a5">发表于 {{$v->ntime}}</div>
                         <div class="kg-a6">
                                    <span><img src="home/images/col-c1.jpg">0</span>
                                    <span><img src="home/images/col-c2.jpg">3</span>
                         </div>
                         <div class="kg-y"><img src="home/images/kg-y.png"></div>
                    </div>
                    <div class="kg-a1 fl"><img src="{{$v->pic}}"></div>
               </div></a>
                @elseif ($k == 1)
                    <div class="kg-b fl">
                    <a href="{{url('content/'.$v->id)}}"><div class="kg-c1 fl"><img src="{{$v->pic}}"></div>
                    <div class="kg-a2 fl">
                         <div class="kg-a3">{{$v->title}}</div>
                         <div class="kg-a4">{{$v->huser['nickname']}}</div>
                         <div class="kg-a5">发表于 {{$v->ntime}}</div>
                         <div class="kg-a6">
                                    <span><img src="home/images/col-c1.jpg">0</span>
                                    <span><img src="home/images/col-c2.jpg">3</span>
                                    <em><img src="home/images/col-c3.jpg"></em>
                                    <em><img src="home/images/col-c4.jpg"></em>
                                    <em><img src="home/images/col-c5.jpg"></em>
                         </div>
                         <div class="kg-t"><img src="home/images/kg-t.png"></div>
                    </div></a>
                    <a href="{{url('content/'.$v->id)}}"><div class="kg-c2 fl"><img src="{{$v->pic}}"></div></a>
               </div> 
              <?php continue?>
               @elseif ($k == 2)
               
                  </div>
                      <div class="kg">
               <a href="{{url('content/'.$v->id)}}"><div class="kg-a fl">
                    <div class="kg-a1 fl"><img src="{{$v->pic}}"></div>
                    <div class="kg-a2 fl">
                         <div class="kg-a3">{{$v->title}}</div>
                         <div class="kg-a4">{{$v->huser['nickname']}}</div>
                         <div class="kg-a5">发表于 {{$v->ntime}}</div>
                         <div class="kg-a6">
                                    <span><img src="home/images/col-c1.jpg">0</span>
                                    <span><img src="home/images/col-c2.jpg">3</span>
                                    <em><img src="home/images/col-c3.jpg"></em>
                                    <em><img src="home/images/col-c4.jpg"></em>
                                    <em><img src="home/images/col-c5.jpg"></em>
                         </div>
                         <div class="kg-t"><img src="home/images/kg-t.png"></div>
                    </div>
               </div></a>
               <?php continue?>
               @elseif ($k == 3)
               <a href="{{url('content/'.$v->id)}}"><div class="kg-a fl">
                    <div class="kg-a2 fl">
                         <div class="kg-a3">{{$v->title}}</div>
                         <div class="kg-a4">{{$v->huser['nickname']}}</div>
                         <div class="kg-a5">发表于 {{$v->ntime}}</div>
                         <div class="kg-a6">
                                    <span><img src="home/images/col-c1.jpg">0</span>
                                    <span><img src="home/images/col-c2.jpg">3</span>
                                    <em><img src="home/images/col-c3.jpg"></em>
                                    <em><img src="home/images/col-c4.jpg"></em>
                                    <em><img src="home/images/col-c5.jpg"></em>
                         </div>
                         <div class="kg-y"><img src="home/images/kg-y.png"></div>
                    </div>
                    <div class="kg-a1 fl"><img src="{{$v->pic}}"></div>
               </div></a>
                @elseif ($k == 4)
               <a href="{{url('content/'.$v->id)}}"><div class="kg-a2 fl">
                         <div class="kg-a3">{{$v->title}}</div>
                         <div class="kg-a4">{{$v->huser['nickname']}}</div>
                         <div class="kg-a5">发表于 {{$v->ntime}}</div>
                         <div class="kg-a6">
                                    <span><img src="home/images/col-c1.jpg">0</span>
                                    <span><img src="home/images/col-c2.jpg">3</span>
                                    <em><img src="home/images/col-c3.jpg"></em>
                                    <em><img src="home/images/col-c4.jpg"></em>
                                    <em><img src="home/images/col-c5.jpg"></em>
                         </div>
                         <div class="kg-y"><img src="home/images/kg-y.png"></div>
               </div></a>
          </div>
                 <?php continue?>
                 @endif
                @endforeach 
          </div> 
          
          <div class="idx-btm"><a href=""><img src="home/upload/act-f.jpg"></a></div>
    </div><!--wrap-->  
</div>





<!--底部-->
<div class="footer">
   <div class="wrap">
      <div class="foot">
            <div class="foot-left fl">
                 <a href="">关于我们</a>
                 <a href="">加入我们</a>
                 <a href="contact.html">联系我们</a>
                 <a href="">媒体采访</a>
            </div>
            <div class="foot-c fl"><a href=""><img src="home/images/foot-logo.jpg"></a></div>
            <div class="foot-right fr">
                 <a href="">同城活动</a>
                 <a href="">课程资讯</a>
                 <a href="">最新发布</a>
                 <a href="">热门文章</a>
            </div>
       </div> 
       <div class="foot-btm">网页制作by云邦</div>    
   </div>
</div>


<div class="mask"></div>
<div class="login">
    <div class="login-title">
        <div class="login-a">登录</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <div class="login-d"><input type="text" class="login-text" placeholder="注册时填写的邮箱"></div>
        <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
        <div class="login-d"><input type="button" class="login-btn" placeholder="登录"></div>
        <div class="login-f">
             <a href="">忘记密码</a>
             <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
        </div>
    </div>
</div>

<div class="reg">
    <div class="login-title">
        <div class="login-a">注册</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <div class="login-d"><input type="text" class="login-text" placeholder="邮箱/手机号"></div>
        <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
        <div class="login-d"><input type="button" class="login-btn" placeholder="注册"></div>
        <div class="login-f">
             <a href="">忘记密码</a>
        </div>
    </div>
</div>

<script src="home/js/jquery-1.11.1.min.js"></script>
<script src="home/js/jquery.SuperSlide.2.1.1.js"></script>
<script src="home/js/Action.js"></script>

<script type="text/javascript">
$(function(){
var nav=$(".header"); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
  if(sc.scrollTop()>=580){
    nav.addClass("head-cut"); 
   $(".head-cut").fadeIn(500); 
  }else{
   nav.removeClass("head-cut");
   $(".head-cut").fadeOut(500);
  }
})  
})
</script>
<script type="text/javascript">
  $(function ($) {
            $(".fullSlide").slide({
                titCell: ".hbox ul",
                mainCell: ".box ul",
                effect: "fold",
				mouseOverStop:false,
                autoPlay: true,
                autoPage: true,
                trigger: "click",
                startFun: function (i) {
                    var curLi = jQuery(".fullSlide .bd li").eq(i);
                    if (!!curLi.attr("_src")) {
                        curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
                    }
                }
            });
          
        });
      
</script>
@endsection